<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>播放视频页面</title>
    <link rel="stylesheet" href="/static/component/laytp/css/laytp.css" />
</head>
<body>
<div style="margin:0 auto;text-align:center">
    <video controls="controls" id="video"></video>
</div>
<div class="bottom">
    <div class="button-container">
        <button type="submit" class="laytp-btn laytp-btn-primary laytp-btn-sm" onclick="parent.layui.layer.close(parent.layui.layer.getFrameIndex(window.name));">
            <i class="layui-icon layui-icon-close"></i>
            关闭
        </button>
    </div>
</div>
<script>
    document.write("<script src='/static/component/layui/layui.js?v="+localStorage.getItem("version")+"'><\/script>");
    document.write("<script src='/static/component/laytp/layuiConfig.js?v="+localStorage.getItem("version")+"'><\/script>");
</script>
<script>
    layui.use(['laytp'],function(){
        var videoUrl = facade.getUrlParam('video_url');
        layui.$("#video").attr('src',window.atob(videoUrl));
        var iframeIndex = parent.layui.layer.getFrameIndex(window.name);
        var iframeHeight = parent.$("#layui-layer-iframe" + iframeIndex).css('height');
        var videoHeight = parseInt(facade.rtrim(iframeHeight, 'px')) - 50;
        layui.$("#video").attr('height', videoHeight);
    });
</script>
</body>
</html>